@charset "UTF-8";
html{
  height: 100%;
}
body{
  height: 100%;
}
body>div{
  height: 100%;
}
body>div>div{
  height: 100%;
}
*{
  padding: 0px;
  margin: 0px;
}

.br{
  border: 1px solid grey;
}
.mycenterwrap{
  display: flex;
  flex-direction:column;

  .top{
    height: 50px;
    width: 100%;
    background:-webkit-linear-gradient(left,#fd4948 40%,#ff7251);
    position: relative;

  }
  .topz{
    color: #f8f8f8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;

  }
  .top_set{
    color: #f8f8f8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 80px;
    font-size: 17px;
  }


  .body{
    height:0;
    flex-grow:1;
    z-index:1;
    overflow:scroll;
    background-color: #f1f1f1;

    .head{
      height: 55px;
      width: 100%;
      font-family:”Microsoft YaHei”;
      background-color: #ffffff;
      border-bottom: 1px solid #f0f0f0;


      .head_c{
        height: 100%;
        width: 97%;
        margin: 0 10px;
        position: relative;

        .head_l{
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          font-size: 16px;
          color: #797979;
        }
        .head_r{
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 10px;
          height: 30px;
          width: 30px;
          border-radius: 35px;


        }
        .petname_r{
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 10px;
          color: #4a4a4a;
          span{
            margin-right: 5px;
          }
        }

      }



    }
    .tel{
      height: 55px;
      width: 100%;
      font-family:”Microsoft YaHei”;
      background-color: #ffffff;
      border-bottom: 1px solid #f0f0f0;
      margin-top: 10px;
    }
    .tel_c {
      height: 100%;
      width: 97%;
      margin: 0 10px;
      position: relative;

      .tel_l{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        font-size: 16px;
        color: #797979;
      }
      .tel_r{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        color: #4a4a4a;
        font-family: ”Microsoft YaHei”;


      }
    }

    .pwdsetting_r{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      color: #4a4a4a;
      font-family:”Microsoft YaHei”;
      span{
        margin-right: 5px;
        color: #f51e28;
      }
    }

  }
}